<template>
	<view class="index" :style="{'height':windowHeight}">
		<clothes></clothes>
		<view style="padding: 25rpx;">
			<view class="complaint-top">
				其他问题
			</view>
			<view class="complaint-head">若您遇到其他无法和卖家沟通解决的问题，您可点击下方"投诉卖家"，我们会协助您解决问题。</view>
			<view class="complaint-btm">
				<view class="btm-img">
					<image src="/static/logo.png" mode=""></image>
				</view>
				<view class="btm-text" @click="BtnClick">投诉卖家</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				windowHeight: "200px", 
			}
		},
		onLoad() {
			this.GaoDu() //判断手机高度
		},
		methods: {
			BtnClick(){
				uni.navigateTo({
					url: '/pages/index/complaintView'
				});
			},
			// 判断手机高度
			GaoDu() {
				console.log('12356')
				// 判断手机页面的高度
				uni.getSystemInfo({

					success: (res) => {
						this.windowHeight = res.windowHeight + "px";
					}
				})
			},
		}
	}
</script>

<style scoped lang="less">
	.index {
		width: 100%;
		height: 100%;
		
		background: #F5F4F9;
	}
	.complaint-top{
		font-size: 35rpx;
		font-weight: 600;
		padding-bottom: 35rpx;
		border-bottom: 3rpx solid #F7F7F7;
	}
	.complaint-head{
		font-size: 30rpx;
		line-height: 50rpx;
	}
	.complaint-btm{
		display: flex;
		padding-top: 30rpx;
	}
	.btm-img{
		width: 150rpx;
		height: 150rpx;
	}
	.btm-img image{
		width: 100%;
		height: 100%;
		border-radius: 100%;
	}
	.btm-text{
		width: 300rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border-radius: 10rpx;
		background: #3BB272;
		color: #ffffff;
		font-size: 30rpx;
		margin-left:50rpx;
		margin-top: 30rpx;
	}
	@import url("@/pages/css.css");
</style>